<template>
  <div class="info_list_con">
    <Row>
      <Col span="20">
        <Row>
          <Col span="2">
            <div class="pic_con">
              <img src="../assets/image/pic2.png" alt srcset />
            </div>
          </Col>
          <Col span="21">
            <ul>
              <li v-for="(val,ind) in moreList" :key="ind">{{val.text}}</li>
            </ul>
          </Col>
        </Row>
      </Col>
      <Col span="4" class="name_txt">
        <Icon type="ios-person-outline" style="font-size: 28px;" />
        <span>胡兴胜</span>
      </Col>
    </Row>
  </div>
</template>
<script>
export default {
  data() {
    return {
      moreList: [
        { id: 1, text: "病例库" },
        { id: 2, text: "标签" },
        { id: 3, text: "搜索" },
        { id: 4, text: "分析" },
        { id: 5, text: "科室月报告" },
        { id: 6, text: "随访" },
        { id: 7, text: "更多" },
      ],
    };
  },
};
</script>
<style lang="less" scope>
.info_list_con {
  li {
    list-style: none;
    display: inline-block;
    margin-right: 30px;
  }
  .pic_con {
    width: 50px;
    height: 50px;
    img {
      width: 100%;
      margin-top: -15px;
    }
  }
  .name_txt {
      text-align: right;
    span {
      vertical-align: middle;
      margin-top: -8px;
      display: inline-block;
      margin-left: 8px;
    }
  }
}
</style>